<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
	<title>照片查看器</title>
	<link  href="css/01.css" rel="stylesheet" type="text/css"/>
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/01.js"></script>
</head>
<body>
<div class = "top">
    <ul class = "top_menu">
       <li class="temp_li"><a href="#">全部</a></li>
       <li><a href="#">人物</a></li>
       <li><a href="#">风光</a></li>
       <li><a href="#">私房</a></li>
       <li><a href="#">纪实</a></li>
       <li><a href="#">微距</a></li>
       <li><a href="#">野生动物</a></li>
    </ul>
</div>
<div class = "main">
    <div>
        <img src="images/big_1.jpg"/>
		<img src="images/big_11.jpg"/>
		<img src="images/big_21.jpg"/>
		<img src="images/big_31.jpg"/>
		<img src="images/big_41.jpg"/>
		<img src="images/big_51.jpg"/>
		<img src="images/big_2.jpg"/>
		<img src="images/big_12.jpg"/>
		<img src="images/big_22.jpg"/>
	    <img src="images/big_32.jpg"/>
		<img src="images/big_42.jpg"/>
		<img src="images/big_52.jpg"/>
		<img src="images/big_3.jpg"/>
		<img src="images/big_13.jpg"/>
		<img src="images/big_23.jpg"/>
		<img src="images/big_33.jpg"/>
		<img src="images/big_43.jpg"/>
		<img src="images/big_53.jpg"/>
		<img src="images/big_4.jpg"/>
		<img src="images/big_14.jpg"/>
		<img src="images/big_24.jpg"/>
		<img src="images/big_34.jpg"/>
		<img src="images/big_44.jpg"/>
		<img src="images/big_54.jpg"/>
		<img src="images/big_5.jpg"/>
		<img src="images/big_15.jpg"/>
		<img src="images/big_25.jpg"/>
	    <img src="images/big_35.jpg"/>
		<img src="images/big_45.jpg"/>
		<img src="images/big_55.jpg"/>
		<img src="images/big_6.jpg"/>
		<img src="images/big_16.jpg"/>
		<img src="images/big_26.jpg"/>
		<img src="images/big_36.jpg"/>
		<img src="images/big_46.jpg"/>
		<img src="images/big_56.jpg"/>
	    <img src="images/big_7.jpg"/>
		<img src="images/big_17.jpg"/>
		<img src="images/big_27.jpg"/>
		<img src="images/big_37.jpg"/>
		<img src="images/big_47.jpg"/>
		<img src="images/big_57.jpg"/>
		<img src="images/big_8.jpg"/>
		<img src="images/big_18.jpg"/>
		<img src="images/big_28.jpg"/>
	    <img src="images/big_38.jpg"/>
		<img src="images/big_48.jpg"/>
		<img src="images/big_58.jpg"/>
		<img src="images/big_9.jpg"/>
		<img src="images/big_19.jpg"/>
		<img src="images/big_29.jpg"/>
		<img src="images/big_39.jpg"/>
		<img src="images/big_49.jpg"/>
		<img src="images/big_59.jpg"/>
    </div>
    <div>
	        <img src="images/big_1.jpg"/>
			<img src="images/big_2.jpg"/>
			<img src="images/big_3.jpg"/>
			<img src="images/big_4.jpg"/>
			<img src="images/big_5.jpg"/>
			<img src="images/big_6.jpg"/>
			<img src="images/big_7.jpg"/>
			<img src="images/big_8.jpg"/>
			<img src="images/big_9.jpg"/>
	    </div>
    <div>
    	<img src="images/big_11.jpg"/>
			<img src="images/big_12.jpg"/>
			<img src="images/big_13.jpg"/>
			<img src="images/big_14.jpg"/>
			<img src="images/big_15.jpg"/>
			<img src="images/big_16.jpg"/>
			<img src="images/big_17.jpg"/>
			<img src="images/big_18.jpg"/>
			<img src="images/big_19.jpg"/>
    </div>
            
    <div>
			<img src="images/big_21.jpg"/>
			<img src="images/big_22.jpg"/>
			<img src="images/big_23.jpg"/>
			<img src="images/big_24.jpg"/>
			<img src="images/big_25.jpg"/>
			<img src="images/big_26.jpg"/>
			<img src="images/big_27.jpg"/>
			<img src="images/big_28.jpg"/>
			<img src="images/big_29.jpg"/>
    </div>

    <div>
	    	<img src="images/big_31.jpg"/>
			<img src="images/big_32.jpg"/>
			<img src="images/big_33.jpg"/>
			<img src="images/big_34.jpg"/>
			<img src="images/big_33.jpg"/>
			<img src="images/big_36.jpg"/>
			<img src="images/big_37.jpg"/>
			<img src="images/big_38.jpg"/>
			<img src="images/big_39.jpg"/>
    </div>
            
    <div>
            <img src="images/big_41.jpg"/>
			<img src="images/big_42.jpg"/>
			<img src="images/big_43.jpg"/>
			<img src="images/big_44.jpg"/>
			<img src="images/big_45.jpg"/>
			<img src="images/big_46.jpg"/>
			<img src="images/big_47.jpg"/>
			<img src="images/big_48.jpg"/>
			<img src="images/big_49.jpg"/>
    </div>
    <div class = "main6">
            <img src="images/big_51.jpg"/>
			<img src="images/big_52.jpg"/>
			<img src="images/big_53.jpg"/>
			<img src="images/big_54.jpg"/>
			<img src="images/big_55.jpg"/>
			<img src="images/big_56.jpg"/>
			<img src="images/big_57.jpg"/>
			<img src="images/big_58.jpg"/>
			<img src="images/big_59.jpg"/>
    </div>
</div>
<div class = "layer">
    <img class="del" src="images/delete.png">
</div>
<div class="show">
	<img class="big" src="images/big_1.jpg"/>
	<img class="left" src="images/left.png"/>
	<img class="right" src="images/right.png"/>
</div>
</body>
</html>